<template>
	<el-dialog
		width="600px"
		:visible.sync="show"
		:close-on-click-modal="false"
		:before-close="handleClose"
	>
		<template #title>
			<h3 class="dialog-title">本次导入试题重复提示</h3>
		</template>
		<ul>
			<li v-for="item in dataList" :key="item.id">{{ item.content }}</li>	
		</ul>
	</el-dialog>
</template>
<script>
	export default {
		props: {
			// 弹窗显示
			show: {
				type: Boolean,
				default: false
			},
			dataList: {
				type: Array,
				default: () => ([])
			},
		},
		/**
		 * 数据模型
		 * 
		 * @returns {object} return 数据模型
		 */
		data() {
			return {
				isShow: false
			};
		},
		watch: {
			/**
			 * 监听显示状态
			 * 	 
			 * @param {boolean} val 是否显示
			 */
			show(val) {
				this.isShow = val;
			},
		},
        methods: {
            /**
             * 返回
             */
			 handleClose(){
               this.$emit("update:show", false);
            },
        }
	};
</script>
<style scoped lang="less">
	.dialog-title {
		text-align: center;
		font-size: 16px;
		color: #333;
	}
</style>
